<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
	<head>
		<base href="<%=basePath%>"/>
		<meta charset="UTF-8">
		<title>衬衫--易打理详情</title>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/chenshan.js?_<%=new Date().getTime()%>"></script>
		<link rel="stylesheet" href="css/chenshan.css?_<%=new Date().getTime()%>">
		<script type="text/javascript">
		
		function ShoppingCar(){
				var asa=$("#totalnum").text();
				$("#totalnum12").val(asa);
				if(asa==""){
					alert("请选择要购买的商品！");
					return false;
				}else if(asa==0){
					alert("库存不足");
					return;
				}else{
					$.post("isLogin.shtml",function(date){
						if(date=="false"){
							window.location.href="denglu.jsp?from="+location.href;
						}else{
							$("#ShoppingCarId").submit();
						}
					})
				}
		}
		</script>
</head>
<body>
<%--  <c:if test="${sessionScope.biaoshi==null }">
	window.href="denglu.jsp?from="+locattion.href;
</c:if> --%>
	<div id="top">
		<jsp:include page="Total.jsp" />
	</div>
		<jsp:include page="menu.jsp" />
		<div style="clear:both"></div>
	<div id="da">
		<!-- 页头 -->
		<div class="shunxu">
				<p class="aaa">${shoppingcolorlist[0].sc_name }</p>
		</div>
			<div class="name">
				<div class="mz"></div>
				<div class="ifname">
					<ul>
						<li><a href="">产品描述</a></li>
						<li>|</li>
						<li><a href="">评论</a></li>
						<li>|</li>
						<li><a href="">提问</a></li>
					</ul>
				</div>
			</div>
		<div class="shangpin">
			<div id="zuo">
			<div class="tu">
				<ul>
				<!-- 切换的小图 -->
					<c:forTokens items="${shoppingcolorlist[0].sc_smallimages }" delims="," var="scsmall">
						<c:forEach items="${scsmall }" var="scamalls"> </c:forEach>
						<li><img src="images/chenshan/${scsmall }" width="68px"></li>
					</c:forTokens>
				</ul>
				<!-- 切换的大图 -->
				<c:forTokens items="${shoppingcolorlist[0].sc_bigimages }" delims="," var="scbig">
					<p style="display: none">
						<img src="images/chenshan/${scbig }" width="500px" style="border:1px solid #999;">
					</p>
				</c:forTokens>
			</div>
		</div>
		<div id="you">
			<h5>
			<span class="jiage"><input type="hidden" value="${shoppingcolorlist[0].sc_price }" id="jiage12" /></span>
				特惠价：￥<span class="price1"><span class="mmm"></span></span> 
			</h5>
			<div class="yanse">
				<p>颜色：</p>
				<c:forEach items="${shoppingcolorlist }" var="sccolor">
				<c:set var="substrs" value="${sccolor.sc_smallimages }"></c:set>
					<div onclick="color(${sccolor.sc_id },this)"><a href="javascript:void(0)?colorid=${sccolor.sc_id } " style="text-decoration: none; color:#343434;font-size: 14px;"><img src="images/chenshan/${substrs.substring(0,substrs.indexOf(",")) }" alt="" style="width:35px; margin-top: -5px; margin-left: 6px; " align="center" /> ${sccolor.color }</a></div>
				</c:forEach>
			</div>
			
			<div id="size">
				<p>尺码:</p>
				<ul>
					<li class="sizesize"><a href="javascript:void(0)" class="dian"></a></li>
				</ul>
			</div>
			<div id="num">数量:
				 <input type="button" name="minus" value="-" onclick="minus(0);"><input type="text" id="nei" name="amount" value="1" style="width:30px;"><input type="button" name="plus" value="+" onclick="plus(0);" />
			</div>
			<div style="color: #666;font-size: 14px;">
					总数量:<span id="totalnum"></span>
			</div>
			<div id="xuan">
				<p>已选:</p><p class="huo"></p><p class="size"></p>
			</div>
			
			<div id="go">
			<form action="ShoppingCarAddshopping.shtml" method="post" id="ShoppingCarId">
				<input type="hidden" value="${dali }" name="daliid" />
				<input type="hidden" value="" id="totalnum12" name="totalnum12" />
				<input type="hidden" name="sid" id="sid" value="" />
				<input type="hidden" name="name1" id="name" value="" />
				<input type="hidden" name="size1" id="size1" value="" />
				<input type="hidden" name="money1" id="money" value="" />
				<input type="hidden" name="num1" id="num1" value="" />
				<input type="hidden" name="img" id="img" value="" />
				<input type="hidden" name="zong" id="zong" value=""/>
				<input type="button" value="立即购买" onclick="ShoppingCar()" >
			</form>
			
			</div>
			<div id="youhui">
				<div class="line"></div><div class="tishi">优惠提示</div><div class="line"></div>
				<div class="mian"><span>免邮</span>全场购物满199元免运费</div>
				<div class="line1"></div>
			</div>
		</div>
		</div>
		
		<div id="xia">
			<div class="xiangqing">
				<p class="xqimg">详情图片：</p>
				<P class="zhu">注：商品实际颜色以静物图为准</P>
			</div>
			<div class="s">
				<img src="images/chenshan/zhinan.jpg">
				<img src="images/chenshan/size.jpg">
				<img src="images/chenshan/celiang.jpg">
				<img src="images/chenshan/zhishu.jpg">
				<img src="images/chenshan/banxing.jpg">
				<img src="images/chenshan/miantang.jpg">
				<img src="images/chenshan/xiukou.jpg">
				<img src="images/chenshan/xiabai.jpg">
				<img src="images/chenshan/xidi.jpg">
				<img src="images/chenshan/zhuyi.jpg">
				<img src="images/chenshan/tishi.jpg">
				<img src="images/chenshan/yanghu.jpg">
			</div>
			<div >	
			</div>	
	</div>
	<div id="pinglun">
		<div class="left">
			<p><span>推荐产品</span></p>
			<dl>
				<dt><a href=""><img src="images/chenshan/jiake.jpg"></a></dt>
				<dd><a href="">MA1飞行夹克 双面穿 薄棉 C9 军绿色</a></dd>
				<dd class="price">售价￥328</dd>
			</dl>
			<dl>
				<dt><a href=""><img src="images/chenshan/jiake.jpg"></a></dt>
				<dd><a href="">MA1飞行夹克 双面穿 薄棉 C9 军绿色</a></dd>
				<dd class="price">售价￥328</dd>
			</dl>
			<dl>
				<dt><a href=""><img src="images/chenshan/jiake.jpg"></a></dt>
				<dd><a href="">MA1飞行夹克 双面穿 薄棉 C9 军绿色</a></dd>
				<dd class="price">售价￥328</dd>
			</dl>
			<dl>
				<dt><a href=""><img src="images/chenshan/jiake.jpg"></a></dt>
				<dd><a href="">MA1飞行夹克 双面穿 薄棉 C9 军绿色</a></dd>
				<dd class="price">售价￥328</dd>
			</dl>
			<dl>
				<dt><a href=""><img src="images/chenshan/jiake.jpg"></a></dt>
				<dd><a href="">MA1飞行夹克 双面穿 薄棉 C9 军绿色</a></dd>
				<dd class="price">售价￥328</dd>
			</dl>
		</div>
		<div class="right">
			<div class="pl">
				<div class="top">
					<ul>
						<li>最新评论(0)</li>
						<li><input type="radio" class="all">全部评论</li>
						<li><input type="radio" class="img">图片</li>
					</ul>
					
				</div>
				<div class="content">
						<p>暂时没有消费者对此商品进行评论!<a href="">分享您的评论>></a></p>
					</div>
			</div>
			<div class="tiwen">
				<div class="top">
					最新提问(共1条)
					<a href=""><input type="button" value="我要提问"></a>
				</div>
				<div class="question">
					<div class="q">
						<div class="wenti">
							<p class="Q">Q</p>
							<p>thir***： </p>
							<P>173，110穿什么码？</P>
						</div>
						<div class="date">
							<P>2018-09-13</P>
							<P><a href="">我要回复(0)</a></P>
						</div>
					</div>
					<div class="a">
						<P class="A">A</P>
						<p>亲爱的客户您好，您可以尝试购买一件M码的哦（注：推荐尺码仅供参考），感谢您的支持！祝您购物愉快！O(∩_∩)O</p>
					</div>
					
				</div>
				<p class="count">1</p>
			</div>
		</div>
	</div>
	<div class="kefu">
 		<p><img src="images/index/kefu.jpg" style="width:1200px;"></p>
 	</div>
 	<div class="yejiao">
 		<p><img src="images/index/yejiao.jpg" sytle="width:1049px;"></p>
 	</div>
 	
</body>
</html>